<template>
  <div class="tip">
    <div class="tip-box">
      <svg-icon iconClass="transport" className="icon"></svg-icon>
      <span class="tip-text">最快29分钟送达</span>
    </div>
    <div class="tip-box">
      <svg-icon iconClass="monkey" className="icon"></svg-icon>
      <span class="tip-text" >0元起送 0元配送</span>
    </div>
    <div class="tip-box">
      <svg-icon iconClass="safe" className="icon"></svg-icon>
      <span class="tip-text">安心购</span>
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  name: 'NoticeTip',
  props: {
    homeAds: {
      type: String,
      default: ''
    }
  },
  computed: {
    ...mapGetters(['userInfo'])
  }
}

</script>
<style lang='scss' scoped>
.tip {
  display: flex;
  text-align: center;
  white-space: nowrap;
  margin-top: px2rem(5);
  position: relative;
  .tip-box {
    flex: 1;
    .icon {
      @include setWH(px2rem(16), px2rem(16));
      vertical-align: middle;
      margin-right: px2rem(3);
    }
    .tip-text {
      @include setFontColor(px2rem(11), $theme-clor-green);
    }
  }
}
</style>
